<template lang="html">
  <transition name="warn">
    <div class="footer">
      <div class="jinrLogo">
        <h4>鲸鱼</h4>
        <h5>全民安全理财</h5>
      </div>
      <a :href="download" class="dianji">点击下载送5000元</a>
    </div>
  </transition>
</template>

<script type="text/ecmascript-6">
export default {
  props: {
    warnInfo: {
      type: String,
      default: '未知错误, 请联系客服！'
    },
    delayime: {
      type: Number,
      default: 1000
    },
    showWarn: {
      type: Boolean,
      default: false
    },

  },
  data () {
    return {
      download: 'http://a.app.qq.com/o/simple.jsp?pkgname=com.jinr.core',
    }
  },
  mounted () {
  },
  methods: {
    hideRule: function () {
      // 禁止滚动穿透
//      this.$refs.rulesMask.addEventListener('touchmove', function(e) {
//        e.preventDefault();
//      }, false);
//      this.$root.eventHub.$emit('isWarnFun', false);

    }
  },
  computed: {
    isHideRule: function () {
      return this.isWarn
    },
    isShowWran() {
      setTimeout(() => {
        console.log('出现吧 神龙')
        this.showWarn = false
      }, this.delayime)
    }
  },
  watch: {


  },
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
  @import '../common/style/mixin.styl'

  .footer
    position fixed
    bottom 0
    left 50%
    width 10rem
    height rem(90)
    -webkit-transform translate3d(-50%,0%,0)
    transform translate3d(-50%,0%,0)
    background #fc4c60
    .jinrLogo
      float left
      height 100%
      margin-left rem(38)
      padding-left rem(90)
      background url("../assets/logo.png") no-repeat left center
      background-size rem(76) rem(76)
      color #080404
      h4
        padding-top rem(16)
        line-height rem(32)
        font-size rem(28)
      h5
        line-height rem(28)
        font-size rem(24)
        color #000000
    .dianji
      float right
      width rem(296)
      height rem(70)
      margin-right rem(24)
      margin-top rem(8)
      border-radius rem(8)
      text-align center
      line-height rem(70)
      font-size rem(28)
      font-weight bold
      background-color #ffcc21
      color #fc4c60

</style>
